<html>
    <head>
        <title>Weather</title>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="style.css" />

        <script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="lib/iscroll.js"></script>
        <script type="text/javascript" src="weather.js"></script>
    </head>

    <body>
        <div id="close"></div>
        <div id="settingsToggle"></div>

        <div id="settings" class="hidden">
            <div id="source">
                Powered by <a href="http://www.worldweatheronline.com/" title="Free local weather content provider" target="blank">World Weather Online</a>
            </div>

            <div id="new">
                <input id="searchterm" type="text" /><br>
                <div id="error-message" class="hidden"></div>
                <div id="add" class="button blue">ADD</div>
                <div id="cancel" class="button">CANCEL</div>
            </div>

            <input type="radio" name="temp-type" class="F" value="F">FAHRENHEIT</input>
            <input type="radio" name="temp-type" class="C" value="C">CELSIUS</input>

            <div id="cities-list"></div>
        </div>

        <div id="loading">
          <div>
            <img src="img/sunny.png" />
            <p>Checking the Weather</p>
          </div>
        </div>

        <div id="wrapper">
          <div id="weather"></div>
        </div>

        <div id="dots">
            <div id="prev"></div>
            <div id="next"></div>
        </div>
    </body>
</html>
